<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>

	<body>
		<!--form表单：客户端浏览器用来向服务器端进行信息提交的标签
			写在form表单的标签的值才会被提交给服务器
			action -- 指定的是服务器端的那个程序（类-方法）进行响应；
			method -- 使用哪种方式进行数据从客户端发送到服务器。
			      选项：get -- 将客户端数据信息附加在访问连接url的尾端进行发送信息；
			                 缺点：需要附加在url之后，可能会以明文的形式显示，信息不安全；
			                长度会受到限制（不能大于255个制度） 
			                汉字容易乱码（字节流方式传输）
			       post -- 将客户端数据信息以数据包的形式发送到服务器端
			                 不在上述问题。
		-->
		<div align="center">
		<form action="#" method="get">				
			<table border="1" cellpadding="0" cellspacing="0" 
				bordercolor="#AAD7DB" style="width: 80%; align-self: center;">
			<tbody>
			<tr>
				<td>姓名</td><td><input disabled="disabled" type="text" id="txtName" name="txtName" /></td>
			</tr>
			<tr>
				<td>登录密码</td>
				<td><input readonly="readonly" type="password" id="txtPsw" name="txtPsw"/></td>
			</tr>
			<tr>
				<td>性别</td>
				<!--radio类型的输入框：需要name属性值一样，才具有互斥选择性-->
				<td><input type="radio" id="radSex" checked="checked" name="radSex" /> 女
				    <input type="radio" id="radSex2" name="radSex"/>男
					<input type="radio" id="radSex3" name="radSex"/>未知</td>
			</tr>
			
			<tr>
				<td>个人简历</td>
				<td><input type="file" id="fileResume" name="fileResume"/></td>
			</tr>
			<tr>
				<td>兴趣爱好</td>
				<!--checkbox多选框：需要name属性保持一致；服务器是使用数组对一组checkbox控件的值进行接收的-->
				<td><input type="checkbox" id="chHobby1" name="chHobby"/>游泳
					<input type="checkbox" id="chHobby2" name="chHobby"/>爬山
				<input type="checkbox" id="chHobby3" checked name="chHobby"/>dota
				<input type="checkbox" id="chHobby4" name="chHobby"/>coding
				<input type="checkbox" id="chHobby5" name="chHobby"/>testing</td>
			</tr>
			<tr>
				<td>隐藏控件</td>
				<td><input style="" type="hidden" name="txthidden" id="txthidden" value="520" /></td>
			</tr>
			<tr>
				<td>学历</td>
				<td><select id="selectXL" name="selectXL" style="width: 120px;">
					<option value=""></option>
					<option value="DZ">大专</option>
					<option value="BK" selected>本科</option>					
					<option value="SS">硕士</option>
					<option value="BS">博士</option>
				</select></td>
			</tr>
			<tr>
				<td>自我介绍</td>
				<td><textarea id="txtIntroduce" name="txtIntroduce" style="width: 200px;height: 60px;"></textarea></td>
			</tr>
			<tr>
				<td></td>
				<td></td>
			</tr>
			<tr>
				<td><input type="submit" value="提交" id="btnSubmit"/></td>
				<td><input type="reset" value="重置" id="btnSubmit"/></td>
			</tr>
		</tbody>
		</table>
			
			
			
		</form>
		</div>
	</body>

</html>